<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />` qdd
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="/static/style.css" />
  </head>
  <body>
    <div id="hour" class="number0">
      <span>&nbsp;__</span>
      <br />
      <span>|</span>
      <span>__</span>
      <span>|</span>
      <br />
      <span>|</span>
      <span>__</span>
      <span>|</span>
    </div>
    <div class="number0">
      <span>&nbsp;__</span>
      <br />
      <span>|</span>
      <span>__</span>
      <span>|</span>
      <br />
      <span>|</span>
      <span>__</span>
      <span>|</span>
    </div>
    <div>
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <span>:</span>
    </div>

    <div class="number0">
      <span>&nbsp;__</span>
      <br />
      <span>|</span>
      <span>__</span>
      <span>|</span>
      <br />
      <span>|</span>
      <span>__</span>
      <span>|</span>
    </div>
    <div class="number0">
      <span>&nbsp;__</span>
      <br />
      <span>|</span>
      <span>__</span>
      <span>|</span>
      <br />
      <span>|</span>
      <span>__</span>
      <span>|</span>
    </div>

    <div>
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <span>:</span>
    </div>
    <div class="number0">
      <span>&nbsp;__</span>
      <br />
      <span>|</span>
      <span>__</span>
      <span>|</span>
      <br />
      <span>|</span>
      <span>__</span>
      <span>|</span>
    </div>
    <div class="number0">
      <span>&nbsp;__</span>
      <br />
      <span>|</span>
      <span>__</span>
      <span>|</span>
      <br />
      <span>|</span>
      <span>__</span>
      <span>|</span>
    </div>
    <script defer>
      showTime();
      setInterval(showTime, 1000);

      function showTime() {
        var date = new Date();
        var hour = date.getHours();
        var minutes = date.getMinutes();
        var seconds = date.getSeconds();
        var numbers = document.querySelectorAll("div[class]");
        var data = "";
        data += Math.floor(hour / 10);
        data += hour % 10;
        data += Math.floor(minutes / 10);
        data += minutes % 10;
        data += Math.floor(seconds / 10);
        data += seconds % 10;
        for (var i = 0; i < numbers.length; i++) {
          numbers[i].setAttribute("class", "number" + data[i]);
        }
      }
    </script>
  </body>
</html>
